<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>选择小区</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <style>
      .aui-list,.aui-list .aui-list-item{
        background-size: 0px;
      }
      .searchbox{
        border:1px solid #eee;
        margin-top:0.5rem;
      }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content">
            <div class="search">
              <div class="aui-searchbar-input aui-border-radius searchbox">
                  <input type="search" v-on:click="open_search_bar()" placeholder="搜索小区" value="" id="search-input">
              </div>
            </div>
            <ul class="aui-list">
                <li class="aui-list-item" v-on:click="do_choose(item)" v-for="item in list">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-title">{{item.name}}</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/dl_choosexiaoqulist.js"></script>
</html>
